// Variables
@import 'variables';
// Fonts
@import url('/bower_components/googleapis-fonts/fonts.css');
@import url('https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.min.css');
@import url('https://cdn.bootcss.com/datatables/1.10.19/css/dataTables.bootstrap.min.css');
@import url('https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://cdn.bootcss.com/ionicons/4.5.6/css/ionicons.min.css');
@import url('/bower_components/element/theme/index.css');

@import 'node_modules/animate.css/animate.min';
@import url('/dist/css/AdminLTE.css');
@import url('/dist/css/skins/_all-skins.min.css');
.el-input.is-disabled .el-input__inner{
    background-color: #eee;
    border-color: #d2d6de;
    color: #555;
}
.wangjing{
  height: 19px;width: 19px;background:url('/dist/img/wangjing.png') no-repeat
}
.other-login{
  div a{
    margin-top: 10px;
  }
  p{
    margin-bottom: 0px;
  }
}
.login-page .control-label{
  margin-bottom: 0px;
  span{
    color: #a4aaae;
    font-weight: normal;
  }
}
.open_login .form-group.has-error label.control-label span{
  color: #dd4b39;
}
.other-login a,.other-login a .img-circle{
  display: block;
  margin: 0 auto;
}
.login-icon {
  height: 32px;
  width: 32px;
  background: #C9C9C9;
  font-size: 22px;
  color: #FFFFFF;
}
.app{
  height: 100%;
}
.h100{
  height: 100%;
}
html,body{
  height: 100% !important;
}
.icp{
  margin-top: 10px;
}
[v-cloak] {
  display: none;
}

.hover-primary:hover{
  background:$brand-primary !important;
}
.hover-info:hover{
  background:$brand-info !important;
}
.hover-success:hover{
  background:$brand-success !important;
}
.hover-warning:hover{
  background:$brand-warning !important;
}
.hover-danger:hover{
  background: $brand-danger !important;
}
/*input[type=checkbox] {
  -ms-transform: scale(1.6); !* IE *!
  -moz-transform: scale(1.6); !* FireFox *!
  -webkit-transform: scale(1.6); !* Safari and Chrome *!
  -o-transform: scale(1.6); !* Opera *!
}*/
.login-box-msg, .register-box-msg{
  padding-bottom: 0px;
}
.el-input__inner{
    border-radius:0px;
}
.el-switch__label{
    color: #a4aaae;
}
.w-100 {
    width: 100% !important;
}
.el-input__inner{
    height: 36px;
    line-height: 36px;
}
.edit-item-content-min{
    min-height: 36px
}
.el-cascader{
    line-height: 36px;
}
.json-view-container .json-view{
    padding-left: 3rem !important;
}
#remktfrm{
    display: none;
}
.move-items{
    min-height: 59px;
}
.snippet {
    position: relative;
    overflow: visible
}

.snippet code {
    font-size: 14px;
    line-height: 20px
}

.snippet .btn {
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    opacity: 0;
    padding: 2px 6px;
    position: absolute;
    right: 4px;
    top: 4px
}

.snippet:hover .btn, .snippet .btn:focus {
    opacity: 1
}

@media screen and (max-width: 768px) {
    .snippet .btn {
        opacity: 1
    }
}
.active-move .move-item{
    cursor: move;
}
.slider-box{
    padding: 0px 10px;
}
.pager-input .el-input-number.is-controls-right .el-input__inner{
    padding-left: 5px;
    padding-right: 35px;
}
div table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    bottom: 0;
    top: 12px;
}
.per_page .el-input--suffix{
    right: 0px;
}
.per_page .el-input--suffix .el-input__inner{
    padding-left: 5px;
    padding-right: 20px;
    text-align:center;
}
.small-box,.card{
    border-radius: .25rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)
}
.sizer .el-input__inner{
    height: 34px;
    line-height:34px;
}
.sizer .el-input__icon{
    line-height:34px
}
